.timerItemBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-inline: 20px;
  padding-block: 30rpx;
  box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.1);
  color: #000;
  border-top-left-radius: 20rpx;
  border-bottom-left-radius: 20rpx;
  border-radius: 20rpx;

  background-color: #fff;
}

.timerItem {
  border-radius: 20rpx;
  color: #000;
  overflow: hidden;
  // width: 670rpx
  background-color: #fff;

  box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.1);
  margin-bottom: 30rpx;
}

.noDataBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  // flex: 1;
  .notDataImage {
    width: 224px;
    height: 162px;
    object-fit: contain;
    margin-top: -200rpx;
  }
}

.addBtn {
  width: 119px;
  height: 42px;
  background-color: #2395ff !important;
  border-radius: 24px !important;
  color: #fff;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  overflow: hidden;
}

.view {
  // background-size: cover;
  // background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  background-image: url('../../res/bg.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.sheet {
  --bottom-sheet-max-height: 98vh;
  --bottom-sheet-padding: 0 !important;
  height: 90vh;
}

.navBar {
  --nav-bar-background-color: transparent;
  --nav-bar-title-text-color: #fff;
  --nav-bar-arrow-color: #fff;

  .tabTopIconWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    & > image {
      width: 48rpx;
      height: 48rpx;
      // margin-left: 40rpx;
    }
  }
}
